{% extends "dash/dashboard.html" %}

{% load dash_filters %}

{% block myjavascript %}
    <script language="javascript" src="/mymedia/js/myutils.js"></script>
{% endblock myjavascript %}

{% block mystylesheet-dashboard %}
    <link rel="stylesheet" href="/mymedia/css/styleMati.css" type="text/css" />
{% endblock mystylesheet-dashboard%}

{% block menuOptions %}
    <div class="header-menu-options">
        {% block menuOptionsSelected %}
            <ul class="menu-options">
                <li class="menu-item"><a href="/dash/dashboard/">Dashboard</a></li>
                <li class="menu-item"><a href="/dash/logbook/">Logbook</a></li>
                <li class="menu-item"><a href="/dash/topicos/">Topicos</a></li>
            </ul>
        {% endblock menuOptionsSelected %}
    </div>
{% endblock menuOptions %}

{% block dashboard %}
    <div class="title-messages">Notificaciones</div>
    <div class="list-content-user-messages">
        <ul>
            {% for notificacion in notificaciones_recibidas %}
                <li class="content-user-messages">
                    <div class="user-message-image">
                        {% if notificacion.empresa.avatar %}
                            <img src="{{ notificacion.empresa.avatar.url_50x50 }}" alt="Logo" />
                        {% else %}
                                <img src="/mymedia/images/020.png" alt="Logo" />
                        {% endif%}
                    </div>
                    <div class="user-message-name">
                        <a href="/social/notifications_by_company/{{ notificacion.id }}">
                            {{ notificacion.first_name }}
                        </a>
                    </div>
                    <div class="user-message-last"></div>
                    <div class="clear"></div>
                </li>
            {% endfor %}
        </ul>
    </div>
{% endblock dashboard %}
